<!-- Top Navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left"><a href="#" class="back link"> <i class="fa fa-angle-left"></i></a></div>
        <div class="center sliding">商品详情</div>
    </div>
</div>
<div class="pages toolbar-fixed">
    <!-- Page, data-page contains page name-->
    <div data-page="detail" class="page">
        <!-- Scrollable page content-->
        <div class="page-content">
            <div class="seller-details">
                <!-- <div class="line-black"></div> -->
                <!-- 轮播图 -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                    	<#if e.imageList??>
                            <#list e.imageList as item>
                            	<div class="swiper-slide">
                            		<!-- <a href="${systemSetting().imageRootPath}${item!}" target="_blank"> -->
                            		<a href="#" target="_blank">
                                        <img style="max-width: 100%;max-height: 100%;" alt="" src="${systemSetting().imageRootPath}${item!}">
                                    </a>
                                </div>
                            </#list>
                        </#if>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="shoping-txt">
                    <div class="box">
                        <h3><#if e?? >${e.name!}</#if></h3><#if cc?? ><span>${cc.name}</span></#if>
                        <p><#if e?? >${e.cbs!}</#if></p>
                        <div class="price"><#if e?? ><em>¥</em>${e.nowPrice!}</#if></div>
                    </div>
                    <div class="box-yh">
                        <div class="box">
                            <p class="deti-yh">优惠<em>包邮</em><i>单笔订单满100元包邮</i></p>
                        </div>
                    </div>
                </div>
                <div class="line-black"></div>
                <div class="shopping-infor">
                    <div class="box buttons-row" style="width:100%;">
                        <a href="#tab1" class="tab-link active information" style="width:50%;font-size:1.5rem">商品信息</a>
                        <div class="line"></div>
                        <a href="#tab2" class="tab-link shopping-parameter" style="width:50%;font-size:1.5rem">产品参数</a>
                    </div>
                </div>
                <div class="shopping-details" style="height:auto;">
                    <div class="box">
                        <!-- Tabs动画容器, 在动画过渡时需要 -->
                        <div class="tabs-animated-wrap">
                            <!-- Tabs, tabs容器 -->
                            <div class="tabs">
                                <!-- Tab 1，默认激活 -->
                                <div id="tab1" class="tab active" style="font:14px/1.5 'Microsoft YaHei','Hiragino Sans GB',tahoma,arial,'\5B8B\4F53';">
                                    <p><#if e?? >${e.productHTML!}</#if></p>
                                    <img >
                                </div>
                                <!-- Tab 2 -->
                                <div id="tab2" class="tab">
                                    <div class="product-parameters" style="font:14px/1.5 'Microsoft YaHei','Hiragino Sans GB',tahoma,arial,'\5B8B\4F53';">
                                        <p>产品系列：<span><#if psx?? >${psx.cpxl!}</#if></span></p>
	                                    <p>产品名称：<span><#if e?? >${e.name!}</#if></span></p>
	                                    <p>作者：<span><#if psx?? >${psx.zz!}</#if></span></p>
	                                    <p>是否是套装：<span><#if psx?? >${(((psx.sftz)!'')=='y')?string('是','否')}</#if></span></p>
	                                    <p>出版社名称：<span><#if e?? >${e.cbs!}</#if></span></p>
	                                    <p>出版时间：<span><#if psx?? >${psx.cbsj!}</#if></span></p>
	                                    <p>ISBN编号：<span><#if psx?? >${psx.bh!}</#if></span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="toolbar">
            <div class="toolbar-inner">
                <!-- Toolbar links -->
                <input type="hidden" value="${e.name!}" id="productName">
				<input type="hidden" value="${e.id!}" id="productID">
				<input type="hidden" value="${e.nowPrice!}" id="nowPriceHidden">
				<input type="hidden" value="${e.stock!}" id="stockHidden">
				<input type="hidden" id="specIdHidden">
				<input value="1" size="4" maxlength="4" type="hidden" name="inputBuyNum" id="inputBuyNum"/>
                <a id="j-add-cart"  href="javascript:void(0);" style="display:block; width:100%;height:100%;line-height:45px; text-align:center;">加入购物车</a>
            </div>
        </div>
    </div>
</div>
<script>
$(document).ready(function () {
		console.log("e:"+${e!});
		console.log("psx:"+${psx!});
		console.log("cc:"+${cc!});
		console.log("appId:"+appId);
		console.log("title");
		alert("${e.description!}");
	});


</script>